<template>
    <div class="header">
        <div class="header-search">
            <span class="iconfont">&#xe61b;</span>
            <span class="header-area">杭州市</span>
            <span class="iconfont ">&#xe607;</span>
            <span class="header-text">百万单品等你来搜</span>
        </div>
        <div class="header-serve">
            <span class="iconfont">&#xe64a;</span>
        </div>
        <div class="header-bag">
            <span class="iconfont">&#xe64a;</span>
        </div>
    </div>
</template>
<script>
export default {
    data(){
        return{
            msg:''
        }
    }
}
</script>
<style lang="stylus" scoped>
    .header{
        display flex
        padding .3rem
    }
      .header-search
         flex 1
         height .6rem
         line-height .6rem
         background-color #f4f4f4
         border-radius .02rem
         font-size .28rem
         color #222
         .iconfont
           padding 0 .1rem
           color #999999
         .header-area
           padding-right .2rem
           border-right 1px solid #ddd
         .header-text
           color #999999
      .header-serve
        padding 0 .2rem 
      .header-bag
        padding 0 .2rem 
        
</style>